<!DOCTYPE html>
<html lang="en" class="app">

<head>
  <meta charset="utf-8" />
  <title>Notebook | Web Application</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
  />

  <link rel="stylesheet" href="css/bootstrap.css" type="text/css"
  />
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"
  />
  <link rel="stylesheet" href="plugins/parsleyjs/parsley.css" type="text/css"
  />
  <link rel="stylesheet" href="less/app.css" type="text/css" />
  <!--[if lt IE 9]>
    <script src="plugins/ie/html5shiv.js"></script>
    <script src="plugins/ie/respond.min.js"></script>
    <script src="plugins/ie/excanvas.js"></script>
  <![endif]-->
</head>

<body>
  <section class="vbox">
    <!-- header -->
    <header class="bg-dark dk header navbar navbar-fixed-top-xs">
      <div class="navbar-header aside-md">
        <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open"
          data-target="#nav,html">
          <i class="fa fa-bars"></i>
        </a>
        <a href="#" class="navbar-brand" data-toggle="fullscreen">
          <img src="images/logo.png" class="m-r-sm">Notebook</a>
        <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".nav-user">
          <i class="fa fa-cog"></i>
        </a>
      </div>
      <ul class="nav navbar-nav navbar-right m-n hidden-xs nav-user">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <span class="thumb-sm avatar pull-left">
              <img src="images/avatar.jpg">
            </span>
            John.Smith
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu animated fadeInRight">
            <span class="arrow top"></span>
            <li>
              <a href="#">Settings</a>
            </li>
            <li>
              <a href="profile.html">Profile</a>
            </li>
            <li>
              <a href="#">
                <span class="badge bg-danger pull-right">3</span>
                Notifications
              </a>
            </li>
            <li>
              <a href="docs.html">Help</a>
            </li>
            <li class="divider"></li>
            <li>
              <a href="modal.lockme.html" data-toggle="ajaxModal">Logout</a>
            </li>
          </ul>
        </li>
      </ul>
    </header>

    <!-- section -->
    <section>
      <section class="hbox stretch">
        <!-- left -->
        <aside class="bg-dark lter aside-md hidden-print" id="nav">
          <section class="vbox">
            <section class="w-f scrollable">
              <div class="slim-scroll" data-height="auto" data-disable-fade-out="true"
                data-distance="0" data-size="5px" data-color="#333333">
                <nav class="nav-primary hidden-xs">
                  <ul class="nav">
                    <li name="salers">
                      <a href="javascript:;">
                        <i class="fa fa-columns icon">
                          <b class="bg-warning"></b>
                        </i>
                        <span class="pull-right">
                          <i class="fa fa-angle-down text"></i>
                          <i class="fa fa-angle-up text-active"></i>
                        </span>
                        <span>商家</span>
                      </a>
                      <ul class="nav lt">
                        <li>
                          <a href="salers/salers.html">
                            <i class="fa fa-angle-right"></i>
                            <span>商家管理</span>
                          </a>
                        </li>
                        <li>
                          <a href="salers/redBagManage.html">
                            <i class="fa fa-angle-right"></i>
                            <span>红包管理</span>
                          </a>
                        </li>
                        <li>
                          <a href="salers/djq.html">
                            <i class="fa fa-angle-right"></i>
                            <span>代金券管理</span>
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li name="order">
                      <a href="order.html">
                        <i class="fa fa-pencil icon">
                          <b class="bg-info"></b>
                        </i>
                        <span>订单管理</span>
                      </a>
                    </li>
                    <li name="identify">
                      <a href="identify.html">
                        <i class="fa fa-pencil icon">
                          <b class="bg-info"></b>
                        </i>
                        <span>认证信息</span>
                      </a>
                    </li>
                    <li name="balance">
                      <a href="balance.html">
                        <i class="fa fa-pencil icon">
                          <b class="bg-primary"></b>
                        </i>
                        <span>余额管理</span>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </section>

            <!-- 缩小到侧边栏 -->
            <footer class="footer lt hidden-xs b-t b-dark">
              <a href="#nav" data-toggle="class:nav-xs" class="pull-right btn btn-sm btn-dark btn-icon">
                <i class="fa fa-angle-left text"></i>
                <i class="fa fa-angle-right text-active"></i>
              </a>
            </footer>
          </section>
        </aside>
        <!-- left -->

        <section class="vbox">
          <section class="scrollable padder">
            <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
              <li>
                <i class="fa fa-home"></i>首页
              </li>
              <li>认证信息</li>
            </ul>
            <section class="panel panel-default">
              <div class="panel-body">
                <section class="panel panel-default">
                  <header class="panel-heading bg-light">
                    <ul class="nav nav-tabs nav-justified">
                      <li>
                        <a href="javascript:void(0)" data-toggle="tab" class="identifyWait"
                          onclick="tabClick(0,event);">待审核</a>
                      </li>
                      <li>
                        <a href="javascript:void(0)" data-toggle="tab" class="identifyDeny"
                          onclick="tabClick(1,event);">审核未通过</a>
                      </li>
                      <li>
                        <a href="javascript:void(0)" data-toggle="tab" class="identifyPass"
                          onclick="tabClick(2,event);">审核已通过</a>
                      </li>
                    </ul>
                  </header>
                  <div>
                    <div class="tab-content">
                      <div class="tab-pane active" id="identifyWait">
                        <form class="form-inline queryForm gcForm m-l m-t">
                          <div class="form-group">
                            <input type="text" class="form-control m-r-md" placeholder="输入用户名或账号">
                            <label for="apply_start_date">起止日期：</label>
                            <input type="text" id="apply_start_date" class="form-control"
                              name="apply_start_date" readonly/>
                            <label for="apply_end_date">-</label>
                            <input type="text" id="apply_end_date" class="form-control" name="apply_end_date"
                              readonly/>
                          </div>
                          <button type="submit" class="btn btn-success m-l-md">查询</button>
                          <span class="btn btn-sm btn-rounded btn-info pull-right">导出为excel</span>
                        </form>
                        <div data-gctable style="margin-bottom:0;">
                          <div>
                            <table>
                              <thead>
                                <tr>
                                  <th width="10%">用户头像</th>
                                  <th width="25%">用户账号</th>
                                  <th width="20%">昵称</th>
                                  <!-- 待审核：申请时间 审核未通过：拒绝时间 已通过：申请时间&&通过时间 -->
                                  <th width="15%">申请时间</th>
                                  <th>操作</th>
                                </tr>
                              </thead>
                            </table>
                          </div>
                          <div class="gcBody">
                            <table>
                              <tbody class="gcData">
                                <tr class="bg-white" data-id="">
                                  <td width="10%">
                                    <img src="images/app.png" onclick="imgMagnify($(this).attr('src'))">
                                  </td>
                                  <td width="25%">52121312313</td>
                                  <td width="20%">多个地方的郭德纲的</td>
                                  <td width="15%">2012-12-12 10：20</td>
                                  <td>
                                    <div class="btn-group">
                                      <button type="button" data-type="2" data-api="SubmitEnterpriseIdentify.do?outer=identifydetail&tp=examine"
                                        data-outwidth="800px" class="btn btn-sm btn-danger"
                                        data-modal="identifyDetail"
                                        data-json='{"identifyId":"123","position":"企业职位","contactPhone":"联系电话（企业）","idCard":"身份证号","principalName":"联系人名称","uniqueNumber":"纳税人识别号","idCardOssKey":"images/app.png","companyName":"公司名称","enterprisePic":"http://yomo-test.oss-cn-hangzhou.aliyuncs.com/image/a3ff76bf-178d-4df0-bf41-4bf167b2b273","address":"地址","enterpriseLogo":"企业logo","principalPhone":"联系人电话","introduction":"公司介绍","companynameAll":"公司全称","businessLicenseOssKey":"http://www.sumsoar.com/Uploads/2018-01-31/small5a711c67ec3e2.jpg","status":"1","remark":"意见"}'>审核</button>
                                    </div>
                                  </td>
                                </tr>
                                <!-- 无数据时 -->
                                <tr class="bg-white">
                                  <td colspan="5">暂无数据</td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                          <p class="gcPage">
                            #set ($formName = "salesForm") #parse('/html/page.html')
                          </p>
                        </div>
                      </div>
                      <div class="tab-pane" id="identifyDeny">profile</div>
                      <div class="tab-pane" id="identifyPass">message</div>
                    </div>
                  </div>
                </section>
              </div>
            </section>
          </section>
        </section>
      </section>
    </section>
  </section>

  <script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.js"></script>
  <!-- App -->
  <script src="js/app.js"></script>
  <!--引入layer-->
  <script src="plugins/layer/layer.js"></script>
  <script src="plugins/parsleyjs/parsley.min.js"></script>
  <script src="plugins/parsleyjs/i18n/zh_cn.js"></script>
  <script src="plugins/laydate/laydate.js"></script>

  <script src="templates/index.js"></script>
  <script src="plugins/common.js"></script>
  <script>
    $(function () {
      // 查询日期设置
      setDateRange();
    });

    var type = 1;
    switch (type) {
      //
      case 0:
        switchClass('identifyWait');
        break;
      case 1:
        switchClass('identifyPass');
        break;
      case 2:
        switchClass('identifyDeny');
        break;
    }

    function switchClass(n) {
      $('.' + n).parent().addClass('active').siblings().removeClass('active');
    }

    // 点击tab
    function tabClick(n, e) {
      if (e.target.parentElement.className !== 'active') {
        $('#status').val(n);
        $('#currentPage').val(1);
        $('#identifyForm').submit();
      }
    }
  </script>
</body>

</html>